.main_content_wrap {
  width: 1274px;
  max-height: 66vh;
  // border: 1px solid red;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 28px 16px;
  padding: 20px;
  border-radius: 16px;
  backdrop-filter: saturate(200%) blur(40px);
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  animation-duration: 0.2s; /* don't forget to set a duration! */

  .modulle_item_box {
    width: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    cursor: pointer;

    // border: 1px solid red;

    .module_img {
      width: 60px;
      height: 60px;
      transition: 0.2s;
    }

    .module_img:hover {
      //   box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);/
      transform: scale(1.08);
    }

    .module_name {
      color: white;
      font-size: 12px;
      // letter-spacing: 1px;
      // position: relative;
      // left: 1px;
      // border: 1px solid red;
      // display: inline-block;
      width: 100%;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis; //文本溢出显示省略号
      white-space: nowrap; //文本不会换行
    }
  }
}
